<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: antiquewhite;
				
			}
			.loginDiv{
				width: 500px;
				height: 480px;
				background-color: azure;
				/* 让div整体居中 */
				margin: 0 auto;
				/* 让div顶部外边距 是80px，让div区域岭顶端远一些,顶端边距使得div区域下移 */
				margin-top: 80px;
				/* 让div顶端内边距是30px，是titlogo往下移一点 */
				padding-top: 20px;
				/* “毕业 设计....”几个字文本居中 */
				text-align: center;
			}
			.loginInput{
				width: 426px;
				height: 50px;
				border-radius: 5px;
				/* /* 边框样式border-radus */ */
				border: 1px solid darkgray;
				/* 边框宽度1像素 实线 灰色 */
				margin-bottom:20px;
				padding-left: 30px;
				/* 文本狂背景色透明 */
				background-color:transparent;
				margin-left: -25px;
			}
			.loginBtn{
				width:426px;
				height:55px;
				background-color: ##000000;
				color: white;
				font-size: 20px;
				border-radius: 5px;
				/* 去掉边框 */
				border: none;
			}
			.thirdLogin{
				/* 修改图片的顶端外边距使图片下移，有间隔 */
				margin-top:10px;
			}
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<div>
				<!-- 将一下内容居中 -->
				<div style="text-align: center;"></div>
					<img src="img/titlelogo.png" width="40px"/>
			</div>
			<h2>毕业设计管理系统</h2>
			<div>
				<img src="img/user.png"/><input class="loginInput" type="text" placeholder="请输入用户名"/>
				<br>
				<img src="img/password.png"/><input class="loginInput" type="password" placeholder="密码"/>
				<br>
				<input class="loginBtn" type="submit" value="登录"/>
			</div>
		<div class="thirdLogin">
			<!-- 第三方登录 -->
			<img src="img/weixin.png"/>
			<img src="img/weibo.png"/>
			<img src="img/qq.png"/>
		</div>
			<div style="font-size:12px;">
				技术支持：太原工业学院 王建军
			</div>
		</div>
	</body>
</html>